<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../Another/JQuery/jquery1.9.2.min.js"></script>
<script src="../Another/JQuery/jquery_ui.js"></script>
<script src="../Another/JQuery/jquery_zoom.js"></script>
<link rel="stylesheet" type="text/css" href="../Another/Style/jquery-ui.css"/>
<link rel="stylesheet" type="text/css" href="../Another/Style/tabs.css"/>
<link rel="stylesheet" type="text/css" href="../Another/Style/chitiet.css"/>
<script type="text/javascript" src="../Another/JQuery/bootstrap-transition.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-alert.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-modal.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-scrollspy.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-tab.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-tooltip.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-popover.js"></script>
<script type="text/javascript" src="../Another/JQuery/jquery.validate.js"></script>
<script type="text/javascript">
				function checkInput ( )
               {
                    if (document.fbinhluan.NoiDung.value =="")
				   {
							alert("Vui lòng nhập nội dung bình luận");
							document.fbinhluan.NoiDung.focus();
							return false;
				   }
				    if (document.fbinhluan.NoiDung.value.length < 10)
				   {
							alert(" Nội dung bình luận quá ngắn!");
							document.fbinhluan.NoiDung.focus();
							return false;
				   }
               		return true;
               }
                                          
</script>
<script type="text/javascript">
	  $(document).ready(function(){
			$('input').hover(function()
			{
			$(this).popover('show')
		});
			$("#registerHere").validate({
				rules:{
					size:{
						required:true
					},
					value:{
							required:true,
							min: 1
						},
					NoiDung:{
						required:true,
						minlength:6
					},
				},
				messages:{
					size:{
						required:"chọn size",
					},
					value:{
						required:"không được để trống",
						min:"số lượng mua phải > 0"
					},
					NoiDung:{
						required:"Nội dụng bình luận không được để trống",
						minlength:"Nội dung bình luận quá ngắn"
					},	
				},
				errorClass: "help-inline",
				errorElement: "span",
				highlight:function(element, errorClass, validClass) {
					$(element).parents('.control-group').addClass('error');
				},
				unhighlight: function(element, errorClass, validClass) {
					$(element).parents('.control-group').removeClass('error');
					$(element).parents('.control-group').addClass('success');
				}
			});
		});
</script>

<script>
	$(document).ready(function(){
		// When a link is clicked
		$("a.tab").click(function () {
			// switch all tabs off
			$(".active").removeClass("active");
			
			// switch this tab on
			$(this).addClass("active");
			
			// slide all content up
			$(".content").slideUp();
			
			// slide this content up
			var content_show = $(this).attr("title");
			$("#"+content_show).slideDown();
		  
		});
	
	  });
</script>

<?php
	include_once('../MyControl/connection.php');
	$MaSanPham = $_REQUEST['MSP'];
	$sql="Select * from sanpham s,thuonghieu t,loaisanpham l,khuyenmai k where s.MaKhuyenMai=k.MaKhuyenMai and s.MaLoai=l.MaLoai and s.MaThuongHieu=t.MaThuongHieu and MaSanPham ='".$MaSanPham."'";
	$result=mysql_query($sql)or die("Cound not select to SanphamDB!".mysql_error($con));
	while($row = mysql_fetch_array($result,MYSQL_ASSOC))
	{
		$MSP = $row['MaSanPham'];
		$TenSanPham = $row['TenSanPham'];
		$Gia = $row['DonGiaDuKien'];
		$HinhAnh = $row['HinhAnhSP'];
		$ThuongHieu = $row['TenThuongHieu'];
		$ThongTin = $row['ThongTin'];
		$mota = $row['MoTa'];
		$tenloai = $row['TenLoai'];
		$khuyenmai = $row['HinhThuc'];
	}
	$name=substr($HinhAnh,26);
?>
<?php
$sql1="Select DuongDan from hinhanh where MaSanPham ='".$MaSanPham."'";
	$result1=mysql_query($sql1)or die("Cound not select to SanphamDB!".mysql_error($con));
 echo '<div id="chitietsanpham">';
    echo '<div class="thongtinsp">';
    	echo '<div class="hinhanhsp">';
            echo '<img width="310" height="350" id="zoom_03" src="'.$HinhAnh.'" data-zoom-image="../Another/Images/SanPham/large/'.$name.'"/>';
             echo '<div id="gallery_01"> ';
                  while($row1 = mysql_fetch_array($result1,MYSQL_ASSOC))
						{
							echo '<a href="" data-image="'.$row1["DuongDan"].'" data-zoom-image="../Another/Images/SanPham/large/'.substr($row1["DuongDan"],26).'">';
							echo '<img id="img_01" width="70" height="90" src="'.$row1["DuongDan"].'" /> </a>';
						}
            echo '</div>';
        echo '</div>';
        echo '<div class="thongtinchitiet">';
        	echo '<div class="hienthithongtin">';
				echo '<form class="form-horizontal" id="registerHere" action="../MyControl/addcart.php?item='.$MaSanPham.'" method="post">';
            	echo '<div class="ht_thuonghieu"><a href="#">'.$ThuongHieu.'</a></div>';
                echo '<div class="ht_sanpham">'.$TenSanPham.'</div>';
                echo '<div class="ht_masanpham"><span>Mã sản phẩm: </span>SP0'.$MaSanPham.'</div>';
                echo '<div class="ht_giaban"><span>Giá bán: </span>'.number_format(($Gia - ($Gia*$khuyenmai)/100),3).' VNĐ</div>';
                echo '<div class="ht_phivanchuyen"><span>Phí cận chuyển: </span>Miễn phí trên toàn quốc</div>';
                echo '<div class="ht_cungcap"><span>Cung cấp bởi: </span>FashionStore</div>';
                echo '<div class="ht_thuoctinh"><span>Chọn thuộc tính:</span> '; include 'hienthisize.php';
								echo '<div class="control-group" id="soluong">
										<label class="control-label" for="input01">Số lượng :</label>
										  <div class="controls">
											<input type="number" class="input-xlarge" id="value" name="value" maxlength="10" rel="popover" />	       
										  </div>
									</div>
					</div>';
                echo '<div class="ht_giaohang">SẼ CÓ TẠI NHÀ BẠN <span>trong 3 - 5 ngày làm việc</span><br />';
                echo '(Thời gian giao hàng có thể khác nhau tuỳ vào địa chỉ nhận hàng)</div>';
                echo '<input type="submit" value="ĐẶT HÀNG NGAY" class="btn_muahang"/>';
				echo '</form>';
           	echo '</div>';
            echo '<div class="hienthisize"></div>';
        echo '</div>';
    echo '</div>';

    echo '<div class="thongtinxemthem"><!--ThongTInChiTiet-->';
		echo '<div id="tabbed_box_1" class="tabbed_box">
            <div class="tabbed_area">
                <ul class="tabs">
                    <li><a href="javascript:void(0)" title="content_1" class="tab active">Chi Tiết</a></li>
                    <li><a href="javascript:void(0)" title="content_2" class="tab">Thông Tin Nhãn Hiệu</a></li>
                    <li><a href="javascript:void(0)" title="content_3" class="tab">Hướng Dẫn Mua Hàng</a></li>
                     <li><a href="javascript:void(0)" title="content_4" class="tab">Nhận Xét Sản Phẩm</li>
                </ul>
                
                <div id="content_1" class="content">
                    <ul>
                        <li><a href="">'.$TenSanPham.'</a></li>
                       	<li>'.$mota.'</li>
                    </ul>
                </div>
                <div id="content_2" class="content">
					<font size="+2"><b><i>'.$ThuongHieu.'</i></b></font><br/>
                    '.$ThongTin.'
                </div>
                <div id="content_3" class="content">
                    
        <h3>Bước 1: Chọn sản phẩm cần mua</h3>
        
        <p>Tìm kiếm sản phẩm, thương hiệu bạn cần mua</br>
        
        Lựa chọn sản phẩm phù hợp (Cách tìm kiếm hiệu quả theo các khoảng giá)</br>
        
        Xem thông tin về màu sắc, kích cỡ (Cách tính kích cỡ)</br>
        
        Chọn thanh toán luôn nếu bạn chỉ mua 01 sản phẩm hoặc đưa vào giỏ hàng nếu mua nhiều sản phẩm</br>
        
        Liên hệ với FashionStore nếu bạn cần tư vấn & hỏi đáp về thông tin miễn phí từ 8h-19h hàng ngày</p>
        <h3>Bước 2: Xem thông tin chi tiết & Giỏ hàng</h3>

        Liên hệ với FashionStore nếu bạn cần tư vấn & hỏi đáp về thông tin miễn phí từ 8h-19h hàng ngày</p>
		
        <h3>Bước 2: Xem thông tin chi tiết & Giỏ hàng</h3>

        
        Xem thông tin chi tiết sản phẩm</br>
        
        Xem giỏ hàng</br>
        
        Điền thông tin người mua & người nhận</br>
        
        Người mua: Người thanh toán cho sản phẩm, cần điền thông tin giống với thông tin đã khai báo với Ngân Lượng, Paypal hoặc các Ngân Hàng</br>
        
        Người nhận: Điền thông tin người nhận hàng nếu người nhận không phải người thanh toán</br>
        <h3>Bước 3: Tiến hành thanh toán</h3>
        
        Thanh toán Ngân Lượng – Khuyên dùng để được phục vụ tốt nhất</br>
        
        Thanh toán trực tiếp qua các Ngân hàng chấp nhận</br>
        
        Chấp nhận thanh toán thu tiền tại nhà & miễn phí thu tiền tại văn phòng [Hà Nội] [Hồ Chí Minh]</br>
        
        Thanh toán PayPal – Khuyên dùng với các thẻ tín dụng (Visa, Master, JCB .v.v) để được hỗ trợ bảo mật thông tin</br>
        <h3>Bước 4: FashionStore nhập và giao hàng</h3>
        
        Hoàn tất</br>
        </div>
                
        <div id="content_4" class="content">';
		
        echo '<form name="fbinhluan" class="form-horizontal" id="registerHere" method="post" action="../MyControl/binhluan.php?MaSP='.$MaSanPham.'" onsubmit="return checkInput();">
    <fieldset>
        <textarea name="NoiDung" class="input-xlarge" id="NoiDung" rel="popover"></textarea></br>	       
        <button type="submit" class="btn-success" rel="tooltip" title="Gửi bình luận" name="BinhLuan">Bình Luận</button><br> ';
		echo '</form>';
		echo 'Bình luận gần nhất về sản phẩm:</br></br>';
		$sql="Select * from binhluan 
		where MaSanPham=".$MaSanPham."
		order by NgayBinhLuan
		LIMIT 0,2";
		$result=mysql_query($sql);
		
		while($row = mysql_fetch_array($result,MYSQL_ASSOC)){
		echo $row["NgayBinhLuan"];
		echo '</br>';
		echo $row["NoiDung"];
		echo '</br>';
		echo '</br>';
		}
		   
        echo '</div>
        </div>
        </div>';
    echo '</div><!--End:ThongTinChiTiet-->';
	?>
<script>
		//initiate the plugin and pass the id of the div containing gallery images
	$("#zoom_03").elevateZoom({gallery:'gallery_01', cursor: 'pointer', galleryActiveClass: 'active'}); 
	
	//pass the images to Fancybox
	$("#zoom_03").bind("click", function(e) {  
	  var ez =   $('#zoom_03').data('elevateZoom');	
		$.fancybox(ez.getGalleryList());
	  return false;
	});
</script>
<?php
 echo '</div>';
?>
